<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <script language="javascript" src="literals.js" type="text/javascript">
  </script>
  <script language="javascript" type="text/javascript">
<!--
function localize(lang) {
// Examples of localizing constants
 var h1Literal = "Literals.com Localization Demo";
 document.getElementById("h1").innerHTML = h1Literal;
 var h2Literal = "Example of localizing text in a table";
 document.getElementById("h2").innerHTML = h2Literal;
 var h3Literal = "Example of localizing text in a form";
 document.getElementById("h3").innerHTML = h3Literal;
 var h4Literal = "Example of localizing text in a list";
 document.getElementById("h4").innerHTML = h4Literal;
 var h5Literal = "Source Code";
 document.getElementById("h5").innerHTML = h5Literal + ":";
 var r1c1Literal = "Browser language";
 document.getElementById("r1c1").innerHTML = r1c1Literal + ": ";
 var r2c1Literal = "Selected language";
 document.getElementById("r2c1").innerHTML = r2c1Literal + ": ";
// Example of localizing a button value
 var b1Value = getLabel("chglang");
 document.getElementById("b1").value = b1Value;
// Examples of localizing variables
 var brlang = browserLanguage();
 var r1c2Literal = getLabel(brlang);
 document.getElementById("r1c2").innerHTML = r1c2Literal + " (" + brlang + ")";
 var r2c2Literal = getLabel(lang);
 document.getElementById("r2c2").innerHTML = r2c2Literal + " (" + lang + ")";
<!-- Localizing content -->
 localizeLanguage("ar");
 localizeLanguage("be");
 localizeLanguage("bg");
 localizeLanguage("ca");
 localizeLanguage("cs");
 localizeLanguage("da");
 localizeLanguage("de");
 localizeLanguage("el");
 localizeLanguage("en");
 localizeLanguage("es");
 localizeLanguage("et");
 localizeLanguage("fi");
 localizeLanguage("fr");
 localizeLanguage("ga");
 localizeLanguage("hr");
 localizeLanguage("hu");
 localizeLanguage("in");
 localizeLanguage("is");
 localizeLanguage("it");
 localizeLanguage("iw");
 localizeLanguage("ja");
 localizeLanguage("ko");
 localizeLanguage("lt");
 localizeLanguage("lv");
 localizeLanguage("mk");
 localizeLanguage("ms");
 localizeLanguage("mt");
 localizeLanguage("nl");
 localizeLanguage("no");
 localizeLanguage("pl");
 localizeLanguage("pt");
 localizeLanguage("ro");
 localizeLanguage("ru");
 localizeLanguage("sk");
 localizeLanguage("sl");
 localizeLanguage("sq");
 localizeLanguage("sr");
 localizeLanguage("sv");
 localizeLanguage("th");
 localizeLanguage("tr");
 localizeLanguage("uk");
 localizeLanguage("vi");
 localizeLanguage("zh");
}

function localizeLanguage(langId) {
 var label = getLabel(langId);
 document.getElementById("opt-" + langId).innerHTML = label + " (" + langId + ")";
 document.getElementById("li-" + langId).innerHTML = label;
}
//-->
  </script>
  <title>Demo of Literals.com for Localization of Spoken Languages</title>
 </head>
 <body onload="initialize()" style="font-family: Verdana">
<!-- Example of localizing headings -->
  <h1 id="h1"></h1>

  <h2 id="h2"></h2>
<!-- Example of localizing a table -->
  <table>
   <tr><td id="r1c1"></td><td id="r1c2"></td></tr>
   <tr><td id="r2c1"></td><td id="r2c2"></td></tr>
  </table>

  <h2 id="h3"></h2>
  <form name="langform" onsubmit="chglang(document.langform.lang.value); return false">
<!-- Example of localizing a drop-down option selection list in a form -->
   <select name="lang">
    <option id="opt-ar" value="ar"></option>
    <option id="opt-be" value="be"></option>
    <option id="opt-bg" value="bg"></option>
    <option id="opt-ca" value="ca"></option>
    <option id="opt-cs" value="cs"></option>
    <option id="opt-da" value="da"></option>
    <option id="opt-de" value="de"></option>
    <option id="opt-el" value="el"></option>
    <option id="opt-en" value="en"></option>
    <option id="opt-es" value="es"></option>
    <option id="opt-et" value="et"></option>
    <option id="opt-fi" value="fi"></option>
    <option id="opt-fr" value="fr"></option>
    <option id="opt-ga" value="ga"></option>
    <option id="opt-hr" value="hr"></option>
    <option id="opt-hu" value="hu"></option>
    <option id="opt-in" value="in"></option>
    <option id="opt-is" value="is"></option>
    <option id="opt-it" value="it"></option>
    <option id="opt-iw" value="iw"></option>
    <option id="opt-ja" value="ja"></option>
    <option id="opt-ko" value="ko"></option>
    <option id="opt-lt" value="lt"></option>
    <option id="opt-lv" value="lv"></option>
    <option id="opt-mk" value="mk"></option>
    <option id="opt-ms" value="ms"></option>
    <option id="opt-mt" value="mt"></option>
    <option id="opt-nl" value="nl"></option>
    <option id="opt-no" value="no"></option>
    <option id="opt-pl" value="pl"></option>
    <option id="opt-pt" value="pt"></option>
    <option id="opt-ro" value="ro"></option>
    <option id="opt-ru" value="ru"></option>
    <option id="opt-sk" value="sk"></option>
    <option id="opt-sl" value="sl"></option>
    <option id="opt-sq" value="sq"></option>
    <option id="opt-sr" value="sr"></option>
    <option id="opt-sv" value="sv"></option>
    <option id="opt-th" value="th"></option>
    <option id="opt-tr" value="tr"></option>
    <option id="opt-uk" value="uk"></option>
    <option id="opt-vi" value="vi"></option>
    <option id="opt-zh" value="zh"></option>
   </select>
   <input id="b1" type="submit" value=""/>
  </form>

  <h2 id="h4"></h2>
  <h3 id="h5"></h3>
<!-- Example of localizing list items -->
  <ol>
   <li><a href="/languages.htm">languages.htm (this file)</a></li>
   <li><a id="li-ar" href="/ar/literals.xml">&#160;</a></li>
   <li><a id="li-be" href="/be/literals.xml">&#160;</a></li>
   <li><a id="li-bg" href="/bg/literals.xml">&#160;</a></li>
   <li><a id="li-ca" href="/ca/literals.xml">&#160;</a></li>
   <li><a id="li-cs" href="/cs/literals.xml">&#160;</a></li>
   <li><a id="li-da" href="/da/literals.xml">&#160;</a></li>
   <li><a id="li-de" href="/de/literals.xml">&#160;</a></li>
   <li><a id="li-el" href="/el/literals.xml">&#160;</a></li>
   <li><a id="li-en" href="/en/literals.xml">&#160;</a></li>
   <li><a id="li-es" href="/es/literals.xml">&#160;</a></li>
   <li><a id="li-et" href="/et/literals.xml">&#160;</a></li>
   <li><a id="li-fi" href="/fi/literals.xml">&#160;</a></li>
   <li><a id="li-fr" href="/fr/literals.xml">&#160;</a></li>
   <li><a id="li-ga" href="/ga/literals.xml">&#160;</a></li>
   <li><a id="li-hr" href="/hr/literals.xml">&#160;</a></li>
   <li><a id="li-hu" href="/hu/literals.xml">&#160;</a></li>
   <li><a id="li-in" href="/in/literals.xml">&#160;</a></li>
   <li><a id="li-is" href="/is/literals.xml">&#160;</a></li>
   <li><a id="li-it" href="/it/literals.xml">&#160;</a></li>
   <li><a id="li-iw" href="/iw/literals.xml">&#160;</a></li>
   <li><a id="li-ja" href="/ja/literals.xml">&#160;</a></li>
   <li><a id="li-ko" href="/ko/literals.xml">&#160;</a></li>
   <li><a id="li-lt" href="/lt/literals.xml">&#160;</a></li>
   <li><a id="li-lv" href="/lv/literals.xml">&#160;</a></li>
   <li><a id="li-mk" href="/mk/literals.xml">&#160;</a></li>
   <li><a id="li-ms" href="/ms/literals.xml">&#160;</a></li>
   <li><a id="li-mt" href="/mt/literals.xml">&#160;</a></li>
   <li><a id="li-nl" href="/nl/literals.xml">&#160;</a></li>
   <li><a id="li-no" href="/no/literals.xml">&#160;</a></li>
   <li><a id="li-pl" href="/pl/literals.xml">&#160;</a></li>
   <li><a id="li-pt" href="/pt/literals.xml">&#160;</a></li>
   <li><a id="li-ro" href="/ro/literals.xml">&#160;</a></li>
   <li><a id="li-ru" href="/ru/literals.xml">&#160;</a></li>
   <li><a id="li-sk" href="/sk/literals.xml">&#160;</a></li>
   <li><a id="li-sl" href="/sl/literals.xml">&#160;</a></li>
   <li><a id="li-sq" href="/sq/literals.xml">&#160;</a></li>
   <li><a id="li-sr" href="/sr/literals.xml">&#160;</a></li>
   <li><a id="li-sv" href="/sv/literals.xml">&#160;</a></li>
   <li><a id="li-th" href="/th/literals.xml">&#160;</a></li>
   <li><a id="li-tr" href="/tr/literals.xml">&#160;</a></li>
   <li><a id="li-uk" href="/uk/literals.xml">&#160;</a></li>
   <li><a id="li-vi" href="/vi/literals.xml">&#160;</a></li>
   <li><a id="li-zh" href="/zh/literals.xml">&#160;</a></li>
  </ol>

 </body>
</html>

